<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The Studio</title>
<link href="./css/prettyphoto.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./css/jquery_dropdown_menu.css" rel="stylesheet" type="text/css" />

<script src="./javascript/jquery.js" type="text/javascript"></script>
<script src="./javascript/custom.js" type="text/javascript"></script>

<!-- Newsletter validation JavaScript Files -->
<script src="./javascript/jquery.formvalidation.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#newsletter").validate();
});
</script>

<!-- Cufon JavaScript Files-->
<script src="./javascript/cufon-yui.js" type="text/javascript"></script>
<script src="./javascript/kabel-font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1, h2, h4, .quote')
</script>

<!-- PrettyPhoto JavaScript Files-->
<script src="./javascript/prettyphoto.js" type="text/javascript"></script>

<!-- Scroll JavaScript Files -->
<script src="./javascript/scroll.js" type="text/javascript"> </script>
<script type="text/javascript"> 
  $(document).ready(function(){ 
    $.localScroll(); 
  }); 
</script>

<!-- Scroll JavaScript Files -->
<script src="./javascript/scroll.js" type="text/javascript"> </script>
<script type="text/javascript"> 
  $(document).ready(function(){ 
    $.localScroll(); 
  }); 
</script>

<meta charset="UTF-8"></head>

<body>

<div id="wrapper">

	<div id="header">
	
		<div class="logo"><a href="#"><img src="./images/logo.png" alt="logo" /></a></div>
	
			<div id="myslidemenu" class="jqueryslidemenu">
				<ul>
					<li><a href="./index.html">Home</a>
						<ul>
							<li><a href="./index.html">Slideshow</a></li>
							<li><a href="./index2.html">Slideshow - Curtain effect</a></li>
							<li><a href="./index3.html">Anything Slider</a></li>
						</ul><!--END ul index page-->
					</li>
					
					<li><a href="./about.html">About</a></li>
					
					<li><a href="#">Features</a>
						<ul>
							<li><a href="#">Index page &raquo;</a>
								<ul>
									<li><a href="./index.html">Slideshow</a></li>
									<li><a href="./index2.html">Slideshow - Curtain effect</a></li>
									<li><a href="./index3.html">Anything Slider</a></li>
								</ul><!--END ul index page-->
							</li>
							<li><a href="./about.html">About page</a></li>			
							<li><a href="./services.html">Services page</a></li>
							<li><a href="./portfolio.html">Portfolio - Grid view</a></li>
							<li><a href="./portfolio2.html">Portfolio - List view</a></li>
							<li><a href="./portfolio3.html">Portfolio - Thumb view</a></li>
							<li><a href="./blog.html">Blog page</a></li>
							<li><a href="./blog-single.html">Blog single page</a></li>
							<li><a href="./contact.html">Contact page</a></li>
						</ul><!--END ul features-->
					</li>
						
					<li><a href="./elements.html">Style</a>
						<ul>
							<li><a href="./elements.html">Elements page</a></li>			
							<li><a href="./full-width-page.html">Full width page</a></li>															
							<li><a href="#">Template's colors &raquo;</a>
								<ul>
									<li><a href="http://brankic1979.com/theme/Thestudio/dark/">Dark</a></li>
									<li><a href="./index.html">Grey</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/blue/">Blue</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/aquamarine/">Deep blue</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/red/">Red</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/green/">Green</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/yellow/">Yellow</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/orange/">Orange</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/magenta/">Magenta</a></li>
								</ul><!--END ul template's colors-->
							</li>						
							<li><a href="#">Header &raquo;</a>
								<ul>
									<li><a href="./index.html">Twitter update</a></li>
									<li><a href="./blog-single.html">Breadcrumb pagination</a></li>
								</ul><!--END ul header-->
							</li>							
							<li><a href="#">Footer &raquo;</a>
								<ul>
									<li><a href="./about.html#footer">Style 1</a></li>
									<li><a href="./contact.html#footer">Style 2</a></li>
								</ul><!--END ul footer-->
							</li>
						</ul><!--END ul style-->
					</li>	
					
					<li><a href="./services.html">Services</a></li>
					
					<li><a href="./portfolio.html" class="current">Portfolio</a>	
						<ul>
							<li><a href="./portfolio.html">Portfolio - Grid view</a></li>
							<li><a href="./portfolio2.html">Portfolio - List view</a></li>
							<li><a href="./portfolio3.html">Portfolio - Thumb view</a></li>
						</ul><!--END ul portfolio-->						
					</li>
					
					<li><a href="./blog.html">Blog</a></li>
					
					<li><a href="./contact.html">Contact</a></li>
				</ul><!--END ul-->
			</div><!--END jqueryslidemenu-->
	
				<span class="quote">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
	
					<form id="search" name="search" method="post" action="#">
						<input name="s" type="text" id="s" value="Search the site" onblur="if (this.value == ''){this.value = 'Search the site'; }" onfocus="if (this.value == 'Search the site') {this.value = ''; }" />
						<input name="" type="image" src="./images/input-search-button.gif" class="search_button" />
					</form><!--END search-->
		
	</div><!--END header-->
	
	<div id="center_holder">
	<div class="breadcrumb">You are here: <a href="#">home</a> / <a href="#">blog</a> / At vero eos et accusamus et iusto 		    
	</div><!--END breadcrumb-->
	</div>	
	
	<div id="content">
	
	<div id="portfolio-filter">
		<div class="view">
			<ul>
			<li><a href="./portfolio.html" class="toolTip" title="columns"><img src="./images/view-column.gif" alt="" /></a></li>
			<li><a href="./portfolio2.html" class="toolTip" title="extended"><img src="./images/view-list.gif" alt="" /></a></li>
			<li><a href="./portfolio3.html" class="toolTip" title="thumbnails"><img src="./images/view-thumb.gif" alt="" /></a></li>
			</ul>	
		</div><!--END view-->
		
		<ul class="browse">
			<li><a class="" href="#Video">Video</a></li>
			<li><a class="" href="#Print">Print</a></li>
			<li><a class="" href="#Logo">Logo &amp; Branding </a></li>	
			<li><a class="" href="#Web">Web Design </a></li>						
			<li><a class="" href="#all">All</a></li>
	    </ul>
	</div><!--END ul porftolio-filter-->


	<div class="column-list">
	<ul class="gallery clearfix">
	    <li class="Web"> 
            <div class="portfolio-block-list">
			<span class="img_holder">
              <a href="./images/blog2.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-1.jpg" alt="" border="0" /></a>			</span>
                <h2>Project name 1</h2> 
				<a href="#" class="view-online">View Online</a>
				<h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis. Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis. </p>  
          </div>
        </li> 
		
        <li class="Web"> 
            <div class="portfolio-block-list">
              <a href="./images/blog3.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-3.jpg" alt="" /></a>
                <h2>Project name 3 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li> 
		
        <li class="Web"> 
            <div class="portfolio-block-list">
              <a href="./images/blog2.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-1.jpg" alt="" /></a>
                <h2>Project name 1</h2> 
				<a href="#" class="view-online">View Online</a>
				<h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
            </div>
        </li>		
		
        <li class="Web"> 
            <div class="portfolio-block-list">
              <a href="./images/blog3.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-2.jpg" alt="" /></a>
                <h2>Project name 2 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li> 
		
        <li class="Logo"> 
            <div class="portfolio-block-list">
              <a href="./images/blog2.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-3.jpg" alt="" /></a>
                <h2>Project name 3 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li> 
				
        <li class="Logo"> 
            <div class="portfolio-block-list">
              <a href="./images/blog3.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-4.jpg" alt="" /></a>
                <h2>Project name 4 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li> 
		
        <li class="Logo"> 
            <div class="portfolio-block-list">
              <a href="./images/blog2.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-4.jpg" alt="" /></a>
                <h2>Project name 4 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li>  
		
        <li class="Logo"> 
            <div class="portfolio-block-list">
              <a href="./images/blog3.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-2.jpg" alt="" /></a>
                <h2>Project name 2 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li>
		
        <li class="Print"> 
            <div class="portfolio-block-list">
              <a href="./images/blog2.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-2.jpg" alt="" /></a>
                <h2>Project name 2 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li>
		
        <li class="Print"> 
            <div class="portfolio-block-list">
              <a href="./images/blog3.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-1.jpg" alt="" /></a>
                <h2>Project name 1</h2>
				<a href="#" class="view-online">View Online</a> 
				<h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
            </div>
        </li>
		
        <li class="Print"> 
            <div class="portfolio-block-list">
              <a href="./images/blog2.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-3.jpg" alt="" /></a>
                <h2>Project name 3 </h2> 
				<a href="#" class="view-online">View Online</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li> 
		
		<li class="Print"> 
            <div class="portfolio-block-list">
              <a href="./images/blog3.jpg" rel="prettyPhoto[portfolio]" title="Project name"><img src="./images/portfolio-item-2.jpg" alt="" /></a>
                <h2>Project name 1</h2> 
				<a href="#" class="view-online">View Online</a>
				<h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
            </div>
        </li>
		
        <li class="Video"> 
            <div class="portfolio-block-list player">
              <a href="http://www.youtube.com/watch?v=fer4JUpYWV0" rel="prettyPhoto[portfolio]" title="YouTube video"><img src="./images/portfolio-item-4.jpg" alt="" /></a>
                <h2>Project name 4 </h2> 
				<a href="http://www.youtube.com/watch?v=fer4JUpYWV0" rel="prettyPhoto[portfolio]" title="YouTube video" class="view-online">View Video</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
          </div>
        </li>  
		
        <li class="Video"> 
            <div class="portfolio-block-list player">
              <a href="http://vimeo.com/7874398" rel="prettyPhoto[portfolio]" title="Vimeo video"><img src="./images/portfolio-item-4.jpg" alt="" /></a>
                <h2>Project name 4</h2> 
				<a href="http://vimeo.com/7874398" rel="prettyPhoto[portfolio]" title="Vimeo video" class="view-online">View Video</a>
                <h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p> 
			 </div>
        </li>  
		
        <li class="Video"> 
            <div class="portfolio-block-list player">
              <a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&amp;height=294" rel="prettyPhoto[portfolio]" title="Flash video"><img src="./images/portfolio-item-1.jpg" alt="" /></a>
                <h2>Project name 1</h2> 
				<a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&amp;height=294" rel="prettyPhoto[portfolio]" title="Flash video" class="view-online">View Video</a>
				<h3>Technic</h3>
                <p>Html, css, javascript</p>
				<h3>Case study</h3>
                <p>Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis </p>  
            </div>
        </li>
    </ul>
	</div><!--END column list-->
	
	<a href="#header" class="top">top</a>
	
	</div><!--END content-->

<div id="footer">
	<div class="bottom">
	
		<div>
		<h4>Latest posts</h4>		
			<ul class="posts">
			<li>
			<h1>Jan</h1>
			<div class="listing">
			<p>7, 2010</p>
			<a href="#">Lorem ipsum dolor sit amet</a>
			</div>	
			</li>
				
			<li>
			<h1>Jan</h1>
			<div class="listing">
			<p>29, 2010</p>
			<a href="#">At vero eos et accusamus et iusto</a>
			</div>	
			</li>
				
			<li>
			<h1>Feb</h1>
			<div class="listing">
			<p>25, 2010</p>
			<a href="#">Cras lobortis mauris vel diam</a>
			</div>	
			</li>
				
			<li>
			<h1>Mar</h1>
			<div class="listing">
			<p>17, 2010</p>
			<a href="#">Duis aute irure dolor in reprehenderit</a>
			</div>	
			</li>
			</ul><!--END posts-->
		</div><!--END left-->
		
	
		<div>
		<h4>About us </h4>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab <a href="#">illo inventore veritatis</a> et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.</p>
			<br /><br />
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
		</div><!--END div-->
	
		
		<div>    	
		<h4>Newsletter</h4>
		<p>Our newsletter is awesome. Subscribe and get the latest updates. Spam free..</p>
		
			<form id="newsletter" name="newsletter" action="#" method="post">
				<input type="text" id="newsletter1" onfocus="if (this.value == 'Enter your name') {this.value = ''; }" onblur="if (this.value == ''){this.value = 'Enter your name'; }" value="Enter your name" />
				<input type="text" id="newsletter2" onfocus="if (this.value == 'Enter your email') {this.value = ''; }" onblur="if (this.value == ''){this.value = 'Enter your email'; }" value="Enter your email" class="required email" />
				<input name="Submit" type="submit" class="submit" value="Submit" />
			</form> 
			<!--END newsletter-->
		
			<ul class="socialize"> 
				<li class="toolTip" title="Flickr"><a href="#"><img src="./images/social-icon1.png" alt="1" /></a></li>
				<li class="toolTip" title="Reddit"><a href="#"><img src="./images/social-icon2.png" alt="2" /></a></li>
				<li class="toolTip" title="Wordpress"><a href="#"><img src="./images/social-icon3.png" alt="3" /></a></li>
				<li class="toolTip" title="Facebook"><a href="#"><img src="./images/social-icon4.png" alt="4" /></a></li>
				<li class="toolTip" title="Stumbleupon"><a href="#"><img src="./images/social-icon5.png" alt="5" /></a></li>
			</ul><!--END socialize ul-->  
				  
		</div><!--END div-->		
	</div><!--END bottom-->
</div><!--END bottom-box-->
  
<div class="footer">
	<div class="copyright">
		<ul>
			<li><a href="./index.html">Home</a></li>
			<li><a href="./about.html">About</a></li>
			<li><a href="./services.html">Services</a></li>
			<li><a href="./elements.html">Features</a></li>
			<li><a href="./portfolio.html">Portfolio</a></li>
			<li><a href="./blog.html">Blog</a></li>
			<li><a href="./contact.html">Contact</a></li>
		</ul>
	<p>© Copyright 2010 Your web site name. All rights reserved.</p>			
	</div><!--END copyright-->
	
</div><!--END footer-->    

</div><!--END wrapper--> 

<!-- Tooltip JavaScript File -->
<script type="text/javascript" src="./javascript/tooltip.js"></script> 

</body>
</html>
